//这里是用jquery实现的ajax请求，简化了ajax请求操作
function gettime() {
    $.ajax({
        url: "/time",//访问时间的api
        timeout: 10000, //超时时间设置为10秒；
        success: function (data) {
            $("#time").html(data)//#号是绑定id的，id为time的div区块，这句话的意思是直接修改time区块里的文本
        },
        error: function (xhr, type, errorThrown) {

        }
    });
}

function get_c1_data() {
    $.ajax({
        url: "/c1",
        success: function (data) {
            $(".num h1").eq(0).html(data.data[0])//.点号是绑定class的，修改class为num下的h1标签
            $(".num h1").eq(1).html(data.data[1])
            $(".num h1").eq(2).html(data.data[2])
            $(".num h1").eq(3).html(data.data[3])
        },
        error: function (xhr, type, errorThrown) {

        }
    })
}


function get_c2_data() {
    $.ajax({
        url: "/c2",
        success: function (data) {
            // optionMap.series[0].data = data.data
            // ec_center.setOption(optionMap)
        },
        error: function (xhr, type, errorThrown) {

        }
    })
}


function get_l1_data() {//左一的折线图数据left1
    $.ajax({
        url: "/l1",
        success: function (data) {//正常情况下的javascript函数操作
            //series[0]代表了一条折线图，这里的折线图是多条折线图的，x轴的数据通用，series[0]、1、2、3都是y轴的数据
            option_left1.xAxis.data = data.x
            option_left1.series[0].data = data.y
            ec_left1.setOption(option_left1)
        },
        error: function (xhr, type, errorThrown) {//输出错误情况的函数

        }
    })
}


function get_l2_data() {
    $.ajax({
        url: "/l2",
        success: function (data) {
            option_left2.xAxis.data = data.x
            option_left2.series[0].data = data.y
            ec_left2.setOption(option_left2)

        },
        error: function (xhr, type, errorThrown) {

        }
    })
}


function get_r1_data() {
    $.ajax({
        url: "/r1",
        success: function (data) {
            now = now + 1
            r1_data.shift();
            r1_data.push({
                name: now.toString(),
                value: data.y[0]
            });
            ec_right1.setOption({
                series: [{
                    data: r1_data
                }]
            });
        },
        error: function (xhr, type, errorThrown) {

        }
    })
}



function get_r2_data() {//左一的折线图数据left1
    $.ajax({
        url: "/r2",
        success: function (data) {//正常情况下的javascript函数操作
            //series[0]代表了一条折线图，这里的折线图是多条折线图的，x轴的数据通用，series[0]、1、2、3都是y轴的数据
            now2 = now2 + 1
            r2_data.shift();
            r2_data.push({
                name: now2.toString(),
                value: data.y[0]
            });
            ec_right2.setOption({
                series: [{
                    data: r2_data
                }]
            });
        },
        error: function (xhr, type, errorThrown) {//输出错误情况的函数

        }
    })
}

gettime()
get_c1_data()
// get_c2_data()
get_l1_data()
get_l2_data()
get_r1_data()
get_r2_data()


//javascript定时器
setInterval(gettime, 1000)//一秒刷新一次
// setInterval(get_c1_data, 1000)
// setInterval(get_c2_data, 1000)
// setInterval(get_l1_data, 1000)
// setInterval(get_l2_data, 1000)
setInterval(get_r1_data, 1000)
setInterval(get_r2_data, 1000)
